<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东超市</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <script src="../js/jquery-1.11.0.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
</head>

<body>
    <div class="headerWrap">
        <div class="header">
            <div class="fl">
                <span class="fa fa-home" aria-hidden="true"></span><a href="https://www.jd.com/">京东首页</a>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="../html/login.html" class="welcom">你好,请登录</a>|</li>
                    <li><a href="../html/registered.html" style="color: #EF4D13;">免费注册</a>|</li>
                    <li><a href="#">我的订单</a>|</li>
                    <li class="MyJD">
                        <a href="#">我的京东</a><span class="fa fa-angle-down" aria-hidden="true"></span>|
                        <ul class="myJD">
                            <li><a href="#">待处理订单</a></li>
                            <li><a href="#">返修退换货</a></li>
                            <li><a href="#">降价商品</a></li>
                            <li><a href="#">消息</a></li>
                            <li><a href="#">我的回答</a></li>
                            <li><a href="#">我的关注</a></li>
                            <li><a href="#">我的京豆</a></li>
                            <li><a href="#">我的白条</a></li>
                            <li><a href="#">我的优惠券</a></li>
                            <li><a href="#">我的理财</a></li>
                        </ul>
                    </li>
                    <li><a href="#">京东会员</a>|</li>
                    <li><a href="#">企业采购</a>|</li>
                    <li class="custom">
                        <a href="#">客户服务</a><span class="fa fa-angle-down" aria-hidden="true"></span>|
                        <ul class="service">
                            <li class="TiT"><a href="#">客户</a></li>
                            <li><a href="#">帮助中心</a></li>
                            <li><a href="#">在线客服</a></li>
                            <li><a href="#">电话客服</a></li>
                            <li><a href="#">金融咨询</a></li>
                            <li><a href="#">企业客服</a></li>
                            <li><a href="#">售后服务</a></li>
                            <li><a href="#">意见建议</a></li>
                            <li><a href="#">客服邮箱</a></li>
                            <li><a href="#">全球售客服</a></li>
                            <li class="TiT"><a href="#">商户</a></li>
                            <li><a href="#">合作招商</a></li>
                            <li><a href="#">商家后台</a></li>
                            <li><a href="#">商家帮助</a></li>
                            <li><a href="#">成长中心</a></li>
                            <li><a href="#">京麦工作台</a></li>
                            <li><a href="#">规则平台</a></li>
                        </ul>
                    </li>
                    <li class="nav">
                        <a href="#">网站导航</a><span class="fa fa-angle-down" aria-hidden="true"></span>|
                        <ul class="navCon">
                            <li class="TiT"><a href="#">特色主题</a></li>
                            <li><a href="#">新品首发</a></li>
                            <li><a href="#">京东会员</a></li>
                            <li><a href="#">装机大师</a></li>
                            <li><a href="#">秒杀</a></li>
                            <li><a href="#">陪伴计划</a></li>
                            <li><a href="#">京东金融</a></li>
                            <li><a href="#">京东预售</a></li>
                            <li><a href="#">0元评测</a></li>
                            <li><a href="#">闪购</a></li>
                            <li><a href="#">出海招商</a></li>
                            <li><a href="#">全球售</a></li>
                            <li><a href="#">台湾售</a></li>
                            <li><a href="#">港澳售</a></li>
                            <li><a href="#">印尼站</a></li>
                            <li><a href="#">拍拍二手</a></li>
                            <li><a href="#">国际站</a></li>
                            <li><a href="#">俄语站</a></li>
                            <li><a href="#">优惠券</a></li>
                            <li><a href="#">京东金融科技</a></li>
                            <li><a href="#">买什么</a></li>
                            <li class="TiT"><a href="#">行业频道</a></li>
                            <li><a href="#">手机</a></li>
                            <li><a href="#">电脑办公</a></li>
                            <li><a href="#">京东服饰</a></li>
                            <li><a href="#">母婴</a></li>
                            <li><a href="#">整车</a></li>
                            <li><a href="#">智能数码</a></li>
                            <li><a href="#">家用电器</a></li>
                            <li><a href="#">京东生鲜</a></li>
                            <li><a href="#">食品</a></li>
                            <li><a href="#">图书</a></li>
                            <li><a href="#">玩3C</a></li>
                            <li><a href="#">京鱼座智能</a></li>
                            <li><a href="#">家装城</a></li>
                            <li><a href="#">农资频道</a></li>
                            <li><a href="#">劳动防护</a></li>
                            <li class="TiT"><a href="#">生活服务</a></li>
                            <li><a href="#">京东众筹</a></li>
                            <li><a href="#">京东小金库</a></li>
                            <li><a href="#">水电煤</a></li>
                            <li><a href="#">机票酒店</a></li>
                            <li><a href="#">游戏</a></li>
                            <li><a href="#">白条</a></li>
                            <li><a href="#">理财</a></li>
                            <li><a href="#">彩票</a></li>
                            <li><a href="#">电影票</a></li>
                            <li><a href="#">拍拍回收</a></li>
                            <li><a href="#">京东金融APP</a></li>
                            <li><a href="#">话费</a></li>
                            <li><a href="#">旅行</a></li>
                            <li><a href="#">京东到家</a></li>
                            <li class="TiT"><a href="#">更多精选</a></li>
                            <li><a href="#">合作招商</a></li>
                            <li><a href="#">企业采购</a></li>
                            <li><a href="#">校园加盟</a></li>
                            <li><a href="#">知识产权维护</a></li>
                            <li><a href="#">京东通信</a></li>
                            <li><a href="#">服务市场</a></li>
                            <li><a href="#">京东社区</a></li>
                            <li><a href="#">京东E卡</a></li>
                            <li><a href="#">办公生活馆</a></li>
                            <li><a href="#">游戏社区</a></li>
                        </ul>
                    </li>
                    <li class="phoneJD">
                        <a href="#">手机京东</a>
                        <img src="../img/phone_JD.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="titlePic">
        <img src="../img/nav_banner.webp" alt="" id="img">
        <span class="fa fa-remove" id="disapear"></span>
    </div>
    <div class="searchWrap">
        <div class="search">
            <div class="logo">
                <a href="#"><img src="../img/JDmarketLogo.png" alt=""></a>
            </div>
            <div class="locate"></div>
            <div class="seat">
                <p>河南</p><span class="fa fa-angle-down" style="color: #C91523;"></span>
                <div class="country">
                    <ul>
                        <li>北京</li>
                        <li>上海</li>
                        <li>天津</li>
                        <li>重庆</li>
                        <li>河北</li>
                        <li>山西</li>
                        <li style="background: #C91523; color: #fff;">河南</li>
                        <li>辽宁</li>
                        <li>吉林</li>
                        <li>黑龙江</li>
                        <li>内蒙古</li>
                        <li>江苏</li>
                        <li>山东</li>
                        <li>安徽</li>
                        <li>浙江</li>
                        <li>福建</li>
                        <li>湖北</li>
                        <li>湖南</li>
                        <li>广东</li>
                        <li>广西</li>
                        <li>江西</li>
                        <li>四川</li>
                        <li>海南</li>
                        <li>贵州</li>
                        <li>云南</li>
                        <li>西藏</li>
                        <li>陕西</li>
                        <li>甘肃</li>
                        <li>青海</li>
                        <li>宁夏</li>
                        <li>新疆</li>
                        <li>港澳</li>
                        <li>台湾</li>
                        <li>钓鱼岛</li>
                        <li>海外</li>
                        <li id="foreign">地区专享版本</li>
                        <li>中國港澳</li>
                        <li>中國台灣</li>
                        <li>京东全球</li>
                        <li id="foreign">Available Sites</li>
                        <li id="foreign">Global Site</li>
                        <li id="foreign">Сайт России</li>
                        <li id="foreign">Situs Indonesia</li>
                        <li id="foreign">Sitio de España</li>
                        <li id="foreign">เว็บไซต์ประเทศไทย</li>
                    </ul>
                </div>
            </div>

            <div class="search_input">
                <input type="text" placeholder="食品">
                <i>搜索</i>
            </div>
            <div class="hot_words">
                <a href="#">满199减100</a>
                <a href="#">健康守护</a>
                <a href="#">中外美酒</a>
                <a href="#">个人护理</a>
                <a href="#">纸品家清</a>
            </div>
            <div class="my_cart">
                <a href="../html/cart.html">我的购物车</a>
                <i class="fa fa-cart-plus"></i>
                <i id="cart_count">0</i>
                <div class="nogoods">
                    <img src="../img/settleup-nogoods.png" alt="">
                    购物车中还没有商品，赶紧选购吧 !
                </div>
            </div>
            <div class="qrcode">
                <img src="../img/qrcode_25x25.png" alt="">
                扫码享受优惠
                <img src="../img/qr_code.png" alt="" id="big_code">
            </div>
        </div>
    </div>
    <div class="chaoshi_face">
        <div class="nav_Channel_Wrap">


            <div class="nav_Channel">
                <ul>
                    <li id="sort">京东超市频道分类</li>
                    <li><a href="#">超市首页</a>|</li>
                    <li><a href="#">超值量贩</a>|</li>
                    <li><a href="#">京东生鲜</a>|</li>
                    <li><a href="#">品牌特卖</a>|</li>
                    <li><a href="#">山姆会员店</a>|</li>
                    <li><a href="#">企业采购</a></li>
                </ul>
                <div class="real">
                    <span><img src="../img/you.png" alt=""></span>
                    <p>满99免运费&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                    <span><img src="../img/zheng.png" alt=""></span>
                    <p>100%渠道保证</p>
                </div>
            </div>
        </div>
        <div class="chaoshi_banner">
            <div class="goods_sort">
                <div class="item">
                    <h3>食品饮料</h3><span class="fa fa-angle-right"></span>
                    <p>
                        <a href="#">休闲食品</a>
                        <a href="#">牛奶</a>
                        <a href="#">饮料</a>
                    </p>
                    <div class="item_body">
                        <div class="item_body1">
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                        </div>
                        <div class="item_body2">
                            <div class="sort_img">
                                <img src="../img/goods_sort1.jpg" alt="">
                            </div>
                            <div class="sort_img">
                                <img src="../img/goods_sort3.jpg" alt="">
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <h3>食品饮料</h3>
                    <span class="fa fa-angle-right"></span>
                    <p>
                        <a href="#">休闲食品</a>
                        <a href="#">牛奶</a>
                        <a href="#">饮料</a>
                    </p>
                    <div class="item_body">
                        <div class="item_body1">
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>

                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                        </div>
                        <div class="item_body2">
                            <div class="sort_img">
                                <img src="../img/goods_sort2.jpg" alt="">
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <h3>食品饮料</h3>
                    <span class="fa fa-angle-right"></span>
                    <p>
                        <a href="#">休闲食品</a>
                        <a href="#">牛奶</a>
                        <a href="#">饮料</a>
                    </p>
                    <div class="item_body">
                        <div class="item_body1">
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>

                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>

                        </div>
                        <div class="item_body2">
                            <div class="sort_img">
                                <img src="../img/goods_sort4.jpg" alt="">
                            </div>
                            <div class="sort_img">
                                <img src="../img/goods_sort5.jpg" alt="">
                            </div>
                            <div class="sort_img">
                                <img src="../img/goods_sort6.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <h3>食品饮料</h3><span class="fa fa-angle-right"></span>
                    <p>
                        <a href="#">休闲食品</a>
                        <a href="#">牛奶</a>
                        <a href="#">饮料</a>
                    </p>
                    <div class="item_body">
                        <div class="item_body1">
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                        </div>
                        <div class="item_body2">
                            <div class="sort_img">
                                <img src="../img/goods_sort7.jpg" alt="">
                            </div>
                            <div class="sort_img">
                                <img src="../img/goods_sort8.jpg" alt="">
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <h3>食品饮料</h3>
                    <span class="fa fa-angle-right"></span>
                    <p>
                        <a href="#">休闲食品</a>
                        <a href="#">牛奶</a>
                        <a href="#">饮料</a>
                    </p>
                    <div class="item_body">
                        <div class="item_body1">
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>

                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="item">
                    <h3>食品饮料</h3>
                    <span class="fa fa-angle-right"></span>
                    <p>
                        <a href="#">休闲食品</a>
                        <a href="#">牛奶</a>
                        <a href="#">饮料</a>
                    </p>
                    <div class="item_body">
                        <div class="item_body1">
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>

                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>

                        </div>
                        <div class="item_body2">
                            <div class="sort_img">
                                <img src="../img/goods_sort3.jpg" alt="">
                            </div>
                            <div class="sort_img">
                                <img src="../img/goods_sort2.jpg" alt="">
                            </div>
                            <div class="sort_img">
                                <img src="../img/goods_sort1.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <h3>食品饮料</h3><span class="fa fa-angle-right"></span>
                    <p>
                        <a href="#">休闲食品</a>
                        <a href="#">牛奶</a>
                        <a href="#">饮料</a>
                    </p>
                    <div class="item_body">
                        <div class="item_body1">
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                        </div>
                        <div class="item_body2">
                            <div class="sort_img">
                                <img src="../img/goods_sort1.jpg" alt="">
                            </div>
                            <div class="sort_img">
                                <img src="../img/goods_sort3.jpg" alt="">
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <h3>食品饮料</h3>
                    <span class="fa fa-angle-right"></span>
                    <p>
                        <a href="#">休闲食品</a>
                        <a href="#">牛奶</a>
                        <a href="#">饮料</a>
                    </p>
                    <div class="item_body">
                        <div class="item_body1">
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>

                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                        </div>
                        <div class="item_body2">
                            <div class="sort_img">
                                <img src="../img/goods_sort3.jpg" alt="">
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <h3>食品饮料</h3>
                    <span class="fa fa-angle-right"></span>
                    <p>
                        <a href="#">休闲食品</a>
                        <a href="#">牛奶</a>
                        <a href="#">饮料</a>
                    </p>
                    <div class="item_body">
                        <div class="item_body1">
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>

                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>
                            <div class="detail_sort">
                                <h3>进口食品</h3>
                                <p>
                                    <a href="#">休闲零食</a>
                                    <a href="#">饼干</a>
                                    <a href="#">蛋糕</a>
                                    <a href="#">橄榄油</a>
                                    <a href="#">坚果蜜饯</a>
                                    <a href="#">糖果/巧克力</a>
                                    <a href="#">进口牛奶</a>
                                    <a href="#">方便食品</a>
                                    <a href="#">饮料冲调</a>
                                </p>
                            </div>

                        </div>
                        <div class="item_body2">
                            <div class="sort_img">
                                <img src="../img/goods_sort3.jpg" alt="">
                            </div>
                            <div class="sort_img">
                                <img src="../img/goods_sort2.jpg" alt="">
                            </div>
                            <div class="sort_img">
                                <img src="../img/goods_sort1.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="lunbo">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="../img/banner1.webp" alt=""></div>
                        <div class="swiper-slide"><img src="../img/banner2.webp" alt=""></div>
                        <div class="swiper-slide"><img src="../img/banner3.webp" alt=""></div>
                        <div class="swiper-slide"><img src="../img/banner4.webp" alt=""></div>
                        <div class="swiper-slide"><img src="../img/banner5.webp" alt=""></div>
                        <div class="swiper-slide"><img src="../img/banner6.webp" alt=""></div>
                        <div class="swiper-slide"><img src="../img/banner7.webp" alt=""></div>
                        <div class="swiper-slide"><img src="../img/banner1.webp" alt=""></div>
                        <div class="swiper-slide"><img src="../img/banner3.webp" alt=""></div>
                        <div class="swiper-slide"><img src="../img/banner5.webp" alt=""></div>
                    </div>
                    <!-- Add Scrollbar -->
                    <div class="swiper-scrollbar"></div>
                </div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            <div class="banner_bottom">
                <img src="../img/banner_bottom_img1.webp" alt="">
                <img src="../img/banner_bottom_img2.webp" alt="">
            </div>
            <div class="everyday">
                <img src="../img/evryday.png" alt="" id="day1">
                <img src="../img/evryday.png" alt="">
            </div>
        </div>
    </div>


    <div id="floorNav">
        <ul>
            <li>家庭量贩<span>家庭量贩</span></li>
            <li>品牌特卖<span>品牌特卖</span></li>
            <li>热卖商品<span>热卖商品</span></li>
            <li>奶制品<span>奶制品</span></li>
            <li>清洁用品<span>清洁用品</span></li>
            <li>纸品湿巾<span>纸品湿巾</span></li>
            <li>水饮冲调<span>水饮冲调</span></li>
            <li>京东生鲜<span>京东生鲜</span></li>
            <li>粮油调味<span>粮油调味</span></li>
            <li>个人护理<span>个人护理</span></li>
            <li>图书文具<span>图书文具</span></li>
            <li>TOP</li>
        </ul>
    </div>
    <div id="content">
        <ul>
            <li>
                <div class="li_head">
                    <h3>家庭量贩</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag1.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>
            <li>
                <div class="li_head">
                    <h3>品牌特卖</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag2.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>
            <li>
                <div class="li_head">
                    <h3>热卖商品</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag3.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>
            <li>
                <div class="li_head">
                    <h3>奶制品</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag4.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>
            <li>
                <div class="li_head">
                    <h3>清洁用品</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag5.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>
            <li>
                <div class="li_head">
                    <h3>纸品湿巾</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag6.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>
            <li>
                <div class="li_head">
                    <h3>水饮冲调</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag7.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>
            <li>
                <div class="li_head">
                    <h3>京东生鲜</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag8.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>
            <li>
                <div class="li_head">
                    <h3>粮油调味</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag9.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>
            <li>
                <div class="li_head">
                    <h3>个人护理</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag5.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>
            <li>
                <div class="li_head">
                    <h3>图书文具</h3>
                </div>
                <div class="flag">
                    <img src="../img/flag9.webp" alt="">
                </div>
                <div class="goods_li">

                </div>
            </li>

        </ul>
    </div>
    <div id="footer">
        <div class="slogen">
            <ul>
                <li>
                    <p></p>品类齐全，轻松购物
                </li>
                <li>
                    <p style="background-position: 0 -43px;"></p>多仓直发，极速配送
                </li>
                <li>
                    <p style="background-position: 0 -86px;"></p>正品行货，精致服务
                </li>
                <li>
                    <p style="background-position: 0 -129px;"></p>天天低价，畅选无忧
                </li>
            </ul>
        </div>
        <div class="jd_help_Wrap">
            <div class="jd_help">
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </dl>
            </div>
        </div>
        <div class="jd_info1">
            <p>
                <ul>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a>|</li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </p>
        </div>
        <div class="jd_info2">
            <p>
                京公网安备 11000002000088号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                京ICP证070359号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                互联网药品信息服务资格证编号(京)-经营性-2014-0008&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                新出发京零 字第大120007号
            </p>
            <p>
                互联网出版许可证编号新出网证(京)字150号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                出版物经营许可证&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                网络文化经营许可证京网文[2014]2148-348号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                违法和不良信息举报电话：4006561155
            </p>
            <p>
                Copyright © 2004 - 2020 京东JD.com 版权所有&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                消费者维权热线：4006067733经营证照&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                (京)网械平台备字(2018)第00003号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                营业执照
            </p>
            <p>
                Global Site&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                Сайт России&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                Situs Indonesia&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                เว็บไซต์ประเทศไทย
            </p>

            <p>
                京东旗下网站：京东钱包&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                京东智联云
            </p>
            <!-- <p>
                可信网站信用评价&nbsp;&nbsp;&nbsp;
                网络警察提醒您&nbsp;&nbsp;&nbsp;
                诚信网站&nbsp;&nbsp;&nbsp;
                网上有害信息举报专区&nbsp;&nbsp;&nbsp;
                网络举报APP下载
            </p> -->
            <p><img src="../img/footer_img.png" alt=""></p>
        </div>
    </div>
    <script src="../js/swiper.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            autoplay: true,
            loop: true,
            scrollbar: {
                el: '.swiper-scrollbar',
                draggable: true,
                hide: true,
                loopFillGroupWithBlank: true,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
        swiper.scrollbar.$dragEl.css('background', '#ff6600');
    </script>
    <script>
        // console.log(JSON.parse($.cookie("userName")))
        if ($.cookie("userName")) {
            var obj = JSON.parse($.cookie("userName"))
            var username = obj.username;
            // console.log(username)
            var uid = obj.uid;
            $(".welcom").html(`欢迎 ${username}`)
        }
    </script>
    <script>
        var dis = document.querySelector(".titlePic");
        dis.onclick = function () {
            dis.style.display = "none";
        };
        $(".MyJD").mouseenter(function () {
            $(this).find().css({
                "display": "block",
                "z-index": 99999
            })
        })
        $(".MyJD").mouseleave(function () {
            $(this).find().css({
                "display": "none"
            })
        })

        $(".custom").mouseenter(function () {
            $(this).find().css({
                "display": "block",
                "z-index": 99999
            })
        })

        $(".custom").mouseleave(function () {
            $(this).find().css({
                "display": "none"
            })
        })
        $(".seat").mouseenter(function () {
            $(".country").css({
                "display": "block",
                "z-index": 99999
            })
        })
        $(".seat").mouseleave(function () {
            $(".country").css({
                "display": "none"
            })
        })

        $(".my_cart").mouseenter(function () {
            $(".nogoods").css({
                "display": "block",
                "box-shadow": "5px 5px 5px #CCC"
            })
            $(".my_cart").css({
                "border-bottom": "none",
                "box-shadow": "5px 5px 5px #CCC"
            })
        })
        $(".my_cart").mouseleave(function () {
            $(".nogoods").css({
                "display": "none"
            })
            $(".my_cart").css({
                "border": "solid 1px #ddd",
                "box-shadow": "none"
            })
        })
        $(".qrcode").mouseenter(function () {
            $("#big_code").css({
                "display": "block"
            })
        })
        $(".qrcode").mouseleave(function () {
            $("#big_code").css({
                "display": "none"
            })
        })
        $(".item").mouseenter(function () {
            $(this).find(".item_body").css({
                "display": "block"
            })
        })
        $(".item").mouseleave(function () {
            $(this).find(".item_body").css({
                "display": "none"
            })
        })
        // goods_li
        $(".goods_li dl").mouseenter(function () {
            $(this).find("dd").css({
                "display": "none"
            })
            $(this).find("span").stop().animate({
                "top": "33px"
            })
        })
        $(".goods_li dl").mouseleave(function () {
            $(this).find("span").stop().animate({
                "top": "50px"
            })
            $(this).find("dd").css({
                "display": "block"
            })
        })
    </script>
    <script>
        $(function () {
            var flag = true;
            $(window).scroll(function () {
                if (flag) {
                    var st = $(this).scrollTop();
                    if (st > 10) {
                        $("#floorNav").fadeIn();
                    } else {
                        $("#floorNav").fadeOut();
                    }

                    $("#content li").each(function () {
                        if (st >= $(this).offset().top - $(this).outerHeight() / 2) {
                            var index = $(this).index();
                            $("#floorNav li").eq(index).addClass("hover")
                                .siblings().removeClass("hover");
                        }
                    })
                }
            })

            $("#floorNav li:not(:last)").click(function () {
                flag = false;
                var index = $(this).index();
                $("html,body").stop().animate({
                    "scrollTop": $("#content li").eq(index).offset().top
                }, 500, function () {
                    flag = true;
                });

                $(this).addClass("hover").siblings().removeClass("hover");
            })

            $("#floorNav li:last").click(function () {
                $("html,body").stop().animate({
                    "scrollTop": 0
                }, 500);
            })
        })
    </script>
    <script>
        // var data2 = [{
        //         pimg: "../img/goods_li1.webp",
        //         pname: "蒙牛 纯甄 常温酸牛奶 芒果百香果口味 200g*16 礼盒装",
        //         pprice: 50,
        //         uid: 65646
        //     },
        //     {
        //         pimg: "../img/goods_li2.webp",
        //         pname: "蒙牛 纯甄 常温酸牛奶 芒果百香果口味 200g*16 礼盒装",
        //         pprice: 60,
        //         uid: 65646
        //     },
        //     {
        //         pimg: "../img/goods_li3.webp",
        //         pname: "蒙牛 纯甄 常温酸牛奶 芒果百香果口味 200g*16 礼盒装",
        //         pprice: 70,
        //         uid: 65646
        //     },
        //     {
        //         pimg: "../img/goods_li4.webp",
        //         pname: "蒙牛 纯甄 常温酸牛奶 芒果百香果口味 200g*16 礼盒装",
        //         pprice: 80,
        //         uid: 65646
        //     },
        //     {
        //         pimg: "../img/goods_li5.webp",
        //         pname: "蒙牛 纯甄 常温酸牛奶 芒果百香果口味 200g*16 礼盒装",
        //         pprice: 90,
        //         uid: 65646
        //     },
        //     {
        //         pimg: "../img/goods_li6.webp",
        //         pname: "蒙牛 纯甄 常温酸牛奶 芒果百香果口味 200g*16 礼盒装",
        //         pprice: 100,
        //         uid: 65646
        //     },
        //     {
        //         pimg: "../img/goods_li7.webp",
        //         pname: "蒙牛 纯甄 常温酸牛奶 芒果百香果口味 200g*16 礼盒装",
        //         pprice: 50.5,
        //         uid: 65646
        //     },
        //     {
        //         pimg: "../img/goods_li8.webp",
        //         pname: "蒙牛 纯甄 常温酸牛奶 芒果百香果口味 200g*16 礼盒装",
        //         pprice: 505,
        //         uid: 65646
        //     },
        //     {
        //         pimg: "../img/goods_li9.webp",
        //         pname: "蒙牛 纯甄 常温酸牛奶 芒果百香果口味 200g*16 礼盒装",
        //         pprice: 550,
        //         uid: 65646
        //     },
        //     {
        //         pimg: "../img/goods_li10.webp",
        //         pname: "蒙牛 纯甄 常温酸牛奶 芒果百香果口味 200g*16 礼盒装",
        //         pprice: 570,
        //         uid: 65646
        //     }
        // ]
        //添加商品接口
        // for (let i = 0; i < data2.length; i++) {
        //     $.post("http://jx.xuzhixiang.top/ap/api/goods/goods-add.php", data2[i], data => {
        //         console.log(data);
        //     })
        // }
        //取商品 接口
        $.get("http://jx.xuzhixiang.top/ap/api/productlist.php?pagesize=10", {
            uid: 65646
        }, data => {
            console.log(data);
            let str = "";
            for (let i = 0; i < data.data.length; i++) {
                str += `
                    
                    <dl>
                        <dt><a href="   detail.html?id=${i}"><img src="${data.data[i].pimg}" alt=""></a></dt>
                        <dd>${data.data[i].pname}</dd>
                        <p id="money">￥${data.data[i].pprice}</p>
                        <span class="fa fa-cart-plus" data-id="${data.data[i].pid}">加入购物车</span>
                    </dl>
                    `
            }
            $(".goods_li").html(str);
            $(".goods_li dl").mouseenter(function () {
                $(this).find("dd").css({
                    "display": "none"
                })
                $(this).find("span").stop().animate({
                    "top": "33px"
                }, 100)
            })
            $(".goods_li dl").mouseleave(function () {
                $(this).find("span").stop().animate({
                    "top": "50px"
                }, 100)
                $(this).find("dd").css({
                    "display": "block"
                })
            })
            //加入购物车
            var oBtn = document.querySelectorAll(".fa-cart-plus");
            // console.log(oBtn)
            for (let i = 0; i < oBtn.length; i++) {
                oBtn[i].onclick = function () {
                    let id = oBtn[i].getAttribute("data-id");
                    console.log(id)
                    $.get("http://jx.xuzhixiang.top/ap/api/add-product.php", {
                        uid: 65646,
                        pnum: 1,
                        pid: id
                    }, data => {
                        alert("成功加入购物车!")
                        console.log(data);
                    })
                }
            }
        })
    </script>
</body>

</html>